<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link type="text/css" href="jquery/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery/jquery.min.js"></script>
<script type="text/javascript" src="jquery/jquery-ui-1.8.19.custom.min.js"></script>
<script type="text/javascript">
	var lastA;
	var imgSrc = 'images/menu/ns_doc_mo1.gif';
	var selSrc = 'images/menu/ns_doc_sel1.gif';
	
	function toSelect(a) {
		$(a).find("img").attr("src", selSrc);
	}
	function toNormal(a) {
		$(a).removeAttr("selected").find("img").attr("src", imgSrc);
	}
	
	$(function(){
		$("#menu div a")
		.each(function(index, element) {
			$(element)
			.mouseenter(function(e) {
                toSelect(e.srcElement);
            })
			.click(function(e) {
				if (lastA != e.srcElement) toNormal(lastA);
                $(e.srcElement).attr("selected", true);
				lastA = e.srcElement;
            })
			.mouseleave(function(e) {
                if (!$(e.srcElement).attr("selected")) 
					toNormal(e.srcElement);
            });
        });
		
		// Accordion
		$("#menu").accordion({ 
			header: "h3", 
			icons: { 
				header: ".ui-icon-circle-arrow-e",
				headerSelected: ".ui-icon-circle-arrow-s"
			}
		});
	});
</script>
<style type="text/css">
body {border-right: #fff 1px solid; background-culor:#f2f2f2;}
img {border: 0px; width: 16px; vertical-align:middle; margin-bottom: 3px; margin-right: 2px;}
#menu div a {display:block; font-size:14px; margin-bottom: 1px; padding-left: 18px; padding-top: 3px; padding-bottom: 3px;}
#menu div a:hover { background-color: #09F; color: #FFF;}
/* Custom jQuery UI Css */
.ui-accordion .ui-accordion-content {padding: 10px 0px 20px 0px; vertical-align:top;}
.ui-accordion .ui-accordion-header a {font-size:16px;}
.ui-accordion .ui-accordion-header.ui-state-active a:link {color:#6145EB;}
</style>
</head>

<body>
<div id="menu">
	<h3><a href="#">装修收款单</a></h3>
	<div>
    	<a href="forwardReceiptadd.do" target="contentFrame">新增装修收款单</a>
        <a href="receiptallinfo.do" target="contentFrame">查询装修收款单</a>
        <a href="receiptexcel.do" target="contentFrame">装修费用收款统计</a>
    </div>
    <h3><a href="#">装修决算单</a></h3>
	<div>
    	<a href="forwardbalanceadd.do" target="contentFrame">新增装修费用决算单</a>
        <a href="balanceallinfo.do" target="contentFrame">查询装修费用决算单</a>
        <a href="balanceexcel.do" target="contentFrame">费用决算单据查询</a>
        <a href="getInvoice.do" target="contentFrame">费用决算统计查询</a>
    </div>
    <h3><a href="#">用户</a></h3>
	<div>
    	<a href="userallinfo.do" target="contentFrame">人员信息</a>
        <a href="forwardUseradd.do" target="contentFrame">新增人员</a>        
    </div>
    <h3><a href="#">渠道/店铺</a></h3>
	<div>
    	<a href="customerallinfo.do" target="contentFrame">客户信息</a>
        <a href="forwardCustomeradd.do" target="contentFrame">新增客户</a>
        <a href="disCustomer.do" target="contentFrame">查看停用客户</a>
    </div>
</div>
</body>
</html>